// 任务趋势
export const linedatas = {
    grid:{
      left:'8%',
      right:'3%',
      top:'10%',
      bottom:'10%'
    },
    tooltip: {
        trigger: 'item', //触发类型；轴触发，axis则鼠标hover到一条柱状图显示全部数据，item则鼠标hover到折线点显示相应数据，
        axisPointer: {  //坐标轴指示器，坐标轴触发有效，
            type: 'shadow', //默认为line，line直线，cross十字准星，shadow阴影
            crossStyle: {
                color: '#fff'
            }
        }
    },
    legend: {
        data: ['完成', '未完成',],
        textStyle: {
            color: '#B4B4B4'
        },
        top:'3%',
        left:'70%'
    },
    xAxis: {
        type: 'category',
        data: ['aas','aa','ss','ss','dd','ff','asd'],
        axisLine: {
            lineStyle: {
                color: '#ccc'
            }
        }
    },
    yAxis: {
        type: 'value',
        splitLine: {show: false},
        axisLine: {
            lineStyle: {
                color: '#ccc'
            }
        }
    },
    series: [
      { 
        name: '未完成',
        type: 'line',
        smooth: true,
        showAllSymbol: true,
        symbol: 'emptyCircle',
        symbolSize: 8, 
        itemStyle: {
                normal: {
                color:'#6366f1'
                },
        },
        data: [120, 200, 150, 80, 70, 110, 130,120, 200],
     
      },
      { 
        name: '完成',
        type: 'line',
        smooth: true,
        showAllSymbol: true,
        symbol: 'emptyCircle',
        symbolSize: 8, 
        itemStyle: {
                normal: {
                color:'#007fff'
                },
        },
        data: [130, 20, 50, 80, 70, 110, 230,220, 250],
      
      }
    ]
  }
//   分类
 export const bardatas = {
    grid:{
      left:'15%',
      right:'5%',
      top:'10%',
      bottom:'10%'
    },
    xAxis: {
      data: ['完成', '未完成']
    },
    yAxis: {},
    series: [
      {
         
         id: 'Score',
         data: [120, 200],
         itemStyle:{
            normal:{
                color: function(params) {
                    //注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
                    var colorList = ['#60a5fa','#6366f1', '#ffc0cb', '#CCCCCC', '#BBFFAA','#749f83', '#ca8622'];
                    return colorList[params.dataIndex]
                } 
            }
        },
         type: 'bar'
      }
    ]
  }
//   占比
export const piedatas =   {
    tooltip: {
      trigger: 'item'
    },
    legend: {
      top: '2%',
      left: 'center'
    },
    
    series: [
      {
        name: 'Access From',
        type: 'pie',
        radius: ['40%', '70%'],
        avoidLabelOverlap: false,
        itemStyle: {
          borderRadius: 10,
          borderColor: '#fff',
          borderWidth: 2
        },
        label: {
          show: false,
          position: 'center'
        },
        emphasis: {
          label: {
            show: true,
            fontSize: '20',
            fontWeight: 'bold'
          }
        },
        labelLine: {
          show: false
        },
        data: [
          { value: 1048, name: '完成',
            itemStyle:{
                normal:{
                     color:'#60a5fa'
                }
            } 
          },
          { value: 735, name: '未完成',
          itemStyle:{
            normal:{
                 color:'#6366f1'
            }
          } 
         }, 
        ]
      }
    ]
  };